<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
		<title>上传图片</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			strong{
				color: #f63300;
			}
			.upBox{
				text-align: center;
				width:70%;
				padding: 20px;
				border: 1px solid #666;
				margin: auto;
				margin-top: 30px;
				position: relative;
				border-radius: 10px;
			}
			.inputBox{
				width: 120px;
				height: 40px;
				margin: auto;
				border: 1px solid cornflowerblue;
				color: cornflowerblue;
				border-radius: 5px;
				position: relative;
				text-align: center;
				line-height: 40px;
				overflow: hidden;
				font-size: 16px;
				padding: 0 10px;
			}
			.inputBox input{
				width: 70%;
				height: 40px;
				opacity: 0;
				cursor: pointer;
				position: absolute;
				top: 0;
				left: -14%;
				
			}
			#imgBox{
				text-align: center;
			}
			.imgContainer{
				display: inline-block;
				width: 32%;
				height: 150px;
				margin-left: 1%;
				border: 1px solid #666666;
				position: relative;
				margin-top: 30px;
				box-sizing: border-box;
			}
			.imgContainer img{
				width: 100%;
				height: 150px;
				cursor: pointer;
			}
			.imgContainer p{
				position: absolute;
				bottom: -1px;
				left: 0;
				width: 100%;
				height: 30px;
				background: red;
				text-align: center;
				line-height: 30px;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				cursor: pointer;
				display: none;
			}
			.imgContainer:hover p{
				display: block;
			}
			.btn{
				display: inline-block;
				text-align: center;
				line-height: 30px;
				outline: none;
				width: 100px;
				height: 30px;
				background: cornflowerblue;
				border: 1px solid cornflowerblue;
				color: white;
				cursor: pointer;
				margin-top: 30px;
				border-radius: 5px;
			}

		</style>
	</head>
	<body>
		<div id="box" style="">
			<form class="upBox">
				 <div class="inputBox">
				 	<input type="file" title="请选择图片" id="file1" multiple accept="image/png,image/jpg,image/gif,image/JPEG"/><span class="goon">点击选择</span></div>
			     <div id="imgBox1"></div>
			     <a class="btn" id="btn1">上传</a>
			</form>
		</div>
		<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
		<script src="upload.js" charset="utf-8"></script>
		<script type="text/javascript">
			//var removeImg = move.removeImg;
		   	move.imgUpload({
				inputId:'file1', //input框id
				imgBox:'imgBox1', //图片容器id
				buttonId:'btn1', //提交按钮id
				upUrl:'http://.......',//提交地址
				data:'file1', //参数名
				num:"2"//上传个数限制
			});
		</script>
	</body>
</html>
